
<?php 
     session_start();
		if(isset($_GET['m'])){
		require("connect.php");
		$resultat='select * from info_client 
		where num_client="'.$_GET['m'].'"';
		$stat = $db->query($resultat);
		$tab = $stat->fetchAll();
		
		$user = $_SESSION["username"];
		$resultat1="select * from login 
		where username='$user'";
		$stat1 = $db->query($resultat1);
		$tab1 = $stat1->fetchAll();
		
		}
	?>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Assurances okapi | </title>

    <!-- Bootstrap -->
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
    <!-- bootstrap-wysiwyg -->
    <link href="../vendors/google-code-prettify/bin/prettify.min.css" rel="stylesheet">
    <!-- Select2 -->
    <link href="../vendors/select2/dist/css/select2.min.css" rel="stylesheet">
    <!-- Switchery -->
    <link href="../vendors/switchery/dist/switchery.min.css" rel="stylesheet">
    <!-- starrr -->
    <link href="../vendors/starrr/dist/starrr.css" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link href="../build/css/custom.min.css" rel="stylesheet">  
  </head>
     <script type="text/javascript">
	     function Calcule()
		 {
		     //document.getElementById('prime_ttc').value =document:getElementById('prime_nette');
			 //var resultat = parseInt(prime_ttc) + parseInt(prime_ttc) ;
			 
			 var prime_ttc = document.getElementById('prime_ttc').value;
			 //var prime_nette = document.getElementById('prime_nette').value;
			 var resultat = parseInt(prime_ttc)*0.1;
			 if(!isNaN(resultat)){
				 document.getElementById('prime_net').value = resultat;		 
			 }
			 }
		function Commission(){
			
			var prime_net = document.getElementById('prime_net').value;
			var taux = document.getElementById('taux').value;
			var resultat1 = (parseInt(prime_net)*parseInt(taux))/100;
			
			if(!isNaN(resultat1)){
				 document.getElementById('comission').value = resultat1;		 
			 }
		}	 
	    
	 </script>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="acceuil1.php" class="site_title"> <span>Assurances okapi!</span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <div class="profile">
              
              
            </div>
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section">
                
                <ul class="nav side-menu">   
				  <li><a><i class="fa fa-edit"></i>Branche d'assuraces<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='automobile1.php?m=" .$ligne['num_client'] ."'>Automobile</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='accidents corporels.php?m=" .$ligne['num_client'] ."'>Accidents_corporels</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='aviation.php?m=" .$ligne['num_client'] ."'>Aviation</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='assurance de voyage.php?m=" .$ligne['num_client'] ."'>Assurance_voyage</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='bateau1.php?m=" .$ligne['num_client'] ."'>Bateau</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='credit et caution.php?m=" .$ligne['num_client'] ."'>Crédit et caution</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='incendie1.php?m=" .$ligne['num_client'] ."'>Incendie</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='float_automobile.php?m=" .$ligne['num_client'] ."'>Flotte_automobile</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='maladie.php?m=" .$ligne['num_client'] ."'>Maladie</a></td>\n";							 
							 }
                          }	?>
			         </li>
					  <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='multirisque habitation.php?m=" .$ligne['num_client'] ."'>Multirisque_habitation(particuliers)</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='multirisque entreprise.php?m=" .$ligne['num_client'] ."'>MRE</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='tous risque chantier.php?m=" .$ligne['num_client'] ."'>TRC</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='transport faculte.php?m=" .$ligne['num_client'] ."'>Transport faculté</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='rc pro et partic.php?m=" .$ligne['num_client'] ."'>RC professionnelle et particuliere</a></td>\n";							 
							 }
                          }	?>
			         </li>
					  <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='responsabilite civil decennale.php?m=" .$ligne['num_client'] ."'>Responsabilité civile décennale</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='vol.php?m=" .$ligne['num_client'] ."'>Vol(Global de banque)</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='risques politiques.php?m=" .$ligne['num_client'] ."'>Risques politiques</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='risques informatiques.php?m=" .$ligne['num_client'] ."'>Risques informatiques</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='risques petroliers.php?m=" .$ligne['num_client'] ."'>Risques pétroliers</a></td>\n";							 
							 }
                          }	?>
			         </li>
					 <li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='risques miniers.php?m=" .$ligne['num_client'] ."'>Risques miniers</a></td>\n";							 
							 }
                          }	?>
			         </li><li>
					  <?php if($tab > 0){	
						      foreach($tab as $ligne){
							echo "<td><a href='risques agricoles.php?m=" .$ligne['num_client'] ."'>Risques agricoles</a></td>\n";							 
							 }
                          }	?>
			         </li>
					   
					  
                    </ul>
                  </li>
                </ul>
              </div>
              <div class="menu_section">
              </div>
            </div>
            <!-- /sidebar menu -->

            <!-- /menu footer buttons -->
            <div class="sidebar-footer hidden-small">
              <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Logout">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
            </div>
            <!-- /menu footer buttons -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav class="" role="navigation">
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>

              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right">
                  <li><a href="login.php" ><i class="fa fa-sign-out pull-right">
				  <?php
                      
                   if(isset($_SESSION['username'])==true){
                    echo"Bienvenue "."".$_SESSION['username']."!</br><a href='loyout.php'> deconnectez </a>";
					//echo"Bienvenue ".$_SESSION['agence']."!</br><a href='loyout.php'> deconnectez </a>";
                    }else
					{ 
				      header('location:login.php');
				    }
                   ?>
				  
				  
				  </i></a></li>
                  </ul>
                </li>

                <li role="presentation" class="dropdown">
                  <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
                    <i class="fa fa-envelope-o"></i>
                    <span class="badge bg-green"></span>
                  </a>
                  <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                      
                  </ul>
                </li>
              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
		<div class="row tile_count">
            
            
            
            
          <div class="">
            
            <div class="clearfix"></div>
            <div class="row">
              <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2 style="background-color:#98fb98">CREATIONS DES  CONTRATS D'ASSURANCES<small></small></h2>
                    <ul class="nav navbar-right panel_toolbox">
                     
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">

                    <form class="form-horizontal form-label-left" novalidate action="insert_contrat_assurance.php" method="post"  enctype="multipart/form-data">


                      <div class="item form-group">
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2" name="num_client" placeholder="numero client" type="hidden" required="required" type="text" value=<?php echo $tab[0]['num_client'] ?>>
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name"><span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2" name="username" placeholder="nom souscripteur" value=<?php echo $tab1[0]['username'] ?> type="hidden">
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Police<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2" name="police" placeholder="" required="required" type="text">
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Branche<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                         <select class="form-control" name="branche">
						   <option></option>
                            <?php
									require("connect.php");
									$resultat="select *from   branche";
                                   $stat = $db->query($resultat);
									$tab = $stat->fetchAll();
							        foreach($tab as $ligne){
										
									echo '<option value=' .$ligne['Multirisque_entreprise'] .'>'.$ligne['Multirisque_entreprise'] .'</option>';	
									
											
									}	
						
									?>
                          </select>
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Garantie<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="select2_multiple form-control" multiple="multiple" name="garantie[]">
                            <?php
									require("connect.php");
									$resultat="select *from   garantie";
                                    $stat = $db->query($resultat);
									$tab = $stat->fetchAll();
							        foreach($tab as $ligne){
										
									 echo '<option value=' .$ligne['Multirisque_entreprise'] .'>'.$ligne['Multirisque_entreprise'] .'</option>';	
											
									}	
									?>
                          </select>
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Compagnie<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" name="compagnie">
						    <option></option>
                             <?php
									require("connect.php");
									$resultat="select *from   compagnie";
                                   $stat = $db->query($resultat);
									$tab = $stat->fetchAll();
							        foreach($tab as $ligne){
									
									 
									 echo '<option value=' .$ligne['compagnie'] .'>'.$ligne['compagnie'] .'</option>';
											
									}
                                   								
									?>
                          </select>
                        </div>
                      </div>
					  
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Apporteur<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control" name="apporteur">
                            <option></option>
                            <?php
									require("connect.php");
									$resultat="select *from  apporteurs1";
                                   $stat = $db->query($resultat);
									$tab = $stat->fetchAll();
							        foreach($tab as $ligne){
									echo '<option value=' .$ligne['apporteur'] .'>'.$ligne['apporteur'] .'</option>';
									 
									}
									
									?>
                          </select>
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Prime ttc<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                           <input type="text" class="form-control" placeholder="" name="prime_ttc" id="prime_ttc" onkeyup="">
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="telephone">Prime nette<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control" placeholder="" name="prime_nette" id="prime_net" >
                        </div>
                      </div>
                      <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email"  placeholder="shamslungonzo@gmail.com">Taux commission<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control" placeholder="" name="taux_commi" id="taux" onkeyup="Commission()">
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email"  placeholder="shamslungonzo@gmail.com">Commission<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control" placeholder="" name="commision" id="comission">
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email"  placeholder="">Frais controle<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control" placeholder="" name="frais_controle" id="p2">
                        </div>
                      </div>
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="email"  placeholder="">Frais accessoire<span class="required"></span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control" placeholder="" name="frais_accessoire" id="p4">
                        </div>
                      </div>
					 
					  <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Date d'effet</label>
                        <div class="control-label col-md-3 col-sm-3 col-xs-12">
                          <input type="date" class="form-control" name="date_effet">
                        </div>
                      </div>
					   <div class="item form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Date d'echeance</label>
                        <div class="control-label col-md-3 col-sm-3 col-xs-12">
                          <input type="date" class="form-control" name="date_echeance">
                        </div>
                      </div>
					   
                      <div class="ln_solid"></div>
                      <div class="form-group">
                        <div class="col-md-6 col-md-offset-3">
                          <button type="submit" class="btn btn-primary">Annuler</button>
                          <button id="send" type="submit" class="btn btn-success">Enregistrer</button>
						 
						  
                        </div>
                      </div>
                    </form>
                  </div>

            


            

          </div>


          <div class="row">
            


            <div class="col-md-8 col-sm-8 col-xs-12">



              <div class="row">

                
				

              </div>
              <div class="row">


                <!-- Start to do list -->
                <div class="col-md-6 col-sm-6 col-xs-12">
                  
                </div>
                <!-- End to do list -->
                
                <!-- start of weather widget -->
                <div class="col-md-6 col-sm-6 col-xs-12">
                 
                    </div>
                  </div>

                </div>
                <!-- end of weather widget -->
              </div>
            </div>
          </div>
        </div>
    <!-- jQuery -->
    <script src="../vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="../vendors/fastclick/lib/fastclick.js"></script>
    <!-- NProgress -->
    <script src="../vendors/nprogress/nprogress.js"></script>
    <!-- bootstrap-progressbar -->
    <script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
    <!-- iCheck -->
    <script src="../vendors/iCheck/icheck.min.js"></script>
    <!-- bootstrap-daterangepicker -->
    <script src="js/moment/moment.min.js"></script>
    <script src="js/datepicker/daterangepicker.js"></script>
    <!-- bootstrap-wysiwyg -->
    <script src="../vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js"></script>
    <script src="../vendors/jquery.hotkeys/jquery.hotkeys.js"></script>
    <script src="../vendors/google-code-prettify/src/prettify.js"></script>
    <!-- jQuery Tags Input -->
    <script src="../vendors/jquery.tagsinput/src/jquery.tagsinput.js"></script>
    <!-- Switchery -->
    <script src="../vendors/switchery/dist/switchery.min.js"></script>
    <!-- Select2 -->
    <script src="../vendors/select2/dist/js/select2.full.min.js"></script>
    <!-- Parsley -->
    <script src="../vendors/parsleyjs/dist/parsley.min.js"></script>
    <!-- Autosize -->
    <script src="../vendors/autosize/dist/autosize.min.js"></script>
    <!-- jQuery autocomplete -->
    <script src="../vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js"></script>
    <!-- starrr -->
    <script src="../vendors/starrr/dist/starrr.js"></script>

    <!-- Custom Theme Scripts -->
    <script src="../build/js/custom.min.js"></script>

    <!-- bootstrap-daterangepicker -->
    <script>
      $(document).ready(function() {
		$(".select2").select2();
        $('#birthday').daterangepicker({
          singleDatePicker: true,
          calender_style: "picker_4"
        }, function(start, end, label) {
          console.log(start.toISOString(), end.toISOString(), label);
        });
      });
    </script>
    <!-- /bootstrap-daterangepicker -->

    <!-- bootstrap-wysiwyg -->
    <script>
      $(document).ready(function() {
        function initToolbarBootstrapBindings() {
          var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
              'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
              'Times New Roman', 'Verdana'
            ],
            fontTarget = $('[title=Font]').siblings('.dropdown-menu');
          $.each(fonts, function(idx, fontName) {
            fontTarget.append($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
          });
          $('a[title]').tooltip({
            container: 'body'
          });
          $('.dropdown-menu input').click(function() {
              return false;
            })
            .change(function() {
              $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');
            })
            .keydown('esc', function() {
              this.value = '';
              $(this).change();
            });

          $('[data-role=magic-overlay]').each(function() {
            var overlay = $(this),
              target = $(overlay.data('target'));
            overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
          });

          if ("onwebkitspeechchange" in document.createElement("input")) {
            var editorOffset = $('#editor').offset();

            $('.voiceBtn').css('position', 'absolute').offset({
              top: editorOffset.top,
              left: editorOffset.left + $('#editor').innerWidth() - 35
            });
          } else {
            $('.voiceBtn').hide();
          }
        }

        function showErrorAlert(reason, detail) {
          var msg = '';
          if (reason === 'unsupported-file-type') {
            msg = "Unsupported format " + detail;
          } else {
            console.log("error uploading file", reason, detail);
          }
          $('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>' +
            '<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
        }

        initToolbarBootstrapBindings();

        $('#editor').wysiwyg({
          fileUploadError: showErrorAlert
        });

        window.prettyPrint;
        prettyPrint();
      });
    </script>
    <!-- /bootstrap-wysiwyg -->

    <!-- Select2 -->
    <script>
      $(document).ready(function() {
        $(".select2_single").select2({
          placeholder: "Select a state",
          allowClear: true
        });
        $(".select2_group").select2({});
        $(".select2_multiple").select2({
          maximumSelectionLength: 100,
          placeholder: "",
          allowClear: true
        });
      });
    </script>
    <!-- /Select2 -->

    <!-- jQuery Tags Input -->
    <script>
      function onAddTag(tag) {
        alert("Added a tag: " + tag);
      }

      function onRemoveTag(tag) {
        alert("Removed a tag: " + tag);
      }

      function onChangeTag(input, tag) {
        alert("Changed a tag: " + tag);
      }

      $(document).ready(function() {
        $('#tags_1').tagsInput({
          width: 'auto'
        });
      });
    </script>
    <!-- /jQuery Tags Input -->

    <!-- Parsley -->
    <script>
      $(document).ready(function() {
        $.listen('parsley:field:validate', function() {
          validateFront();
        });
        $('#demo-form .btn').on('click', function() {
          $('#demo-form').parsley().validate();
          validateFront();
        });
        var validateFront = function() {
          if (true === $('#demo-form').parsley().isValid()) {
            $('.bs-callout-info').removeClass('hidden');
            $('.bs-callout-warning').addClass('hidden');
          } else {
            $('.bs-callout-info').addClass('hidden');
            $('.bs-callout-warning').removeClass('hidden');
          }
        };
      });

      $(document).ready(function() {
        $.listen('parsley:field:validate', function() {
          validateFront();
        });
        $('#demo-form2 .btn').on('click', function() {
          $('#demo-form2').parsley().validate();
          validateFront();
        });
        var validateFront = function() {
          if (true === $('#demo-form2').parsley().isValid()) {
            $('.bs-callout-info').removeClass('hidden');
            $('.bs-callout-warning').addClass('hidden');
          } else {
            $('.bs-callout-info').addClass('hidden');
            $('.bs-callout-warning').removeClass('hidden');
          }
        };
      });
      try {
        hljs.initHighlightingOnLoad();
      } catch (err) {}
    </script>
    <!-- /Parsley -->

    <!-- Autosize -->
    <script>
      $(document).ready(function() {
        autosize($('.resizable_textarea'));
      });
    </script>
    <!-- /Autosize -->

    <!-- jQuery autocomplete -->
    <script>
      $(document).ready(function() {
        var countries = { AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region" };

        var countriesArray = $.map(countries, function(value, key) {
          return {
            value: value,
            data: key
          };
        });

        // initialize autocomplete with custom appendTo
        $('#autocomplete-custom-append').autocomplete({
          lookup: countriesArray,
          appendTo: '#autocomplete-container'
        });
      });
    </script>
    <!-- /jQuery autocomplete -->

    <!-- Starrr -->
    <script>
      $(document).ready(function() {
        $(".stars").starrr();

        $('.stars-existing').starrr({
          rating: 4
        });

        $('.stars').on('starrr:change', function (e, value) {
          $('.stars-count').html(value);
        });

        $('.stars-existing').on('starrr:change', function (e, value) {
          $('.stars-count-existing').html(value);
        });
      });
    </script>
    <!-- /Starrr -->
  </body>
</html>
